<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>es6</title>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: aqua;
        }
    </style>
</head>

<body>
    <div></div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
    </ul>
    <script>
        // function fn() {
        //     console.log(this);
        // }       
        // function fn(a, b) {
        //     console.group('haha');
        //     console.log('this:', this);
        //     console.log('a', a);
        //     console.log('b', b);
        //     console.groupEnd();
        // };
        // var obj = {
        //     name: 'ssssssssssssssssss'
        // };
        // let box = document.querySelector('div');
        // box.onclick = fn.call(obj, 10, 20);


        // setTimeout(fn.bind(obj, 10, 10), 1000);
        // var arr = [1, 2, 3, 4, 5, 6, 7];
        // var res = arr.filter((ele) => {
        //     return !(ele % 2)
        // })
        // console.log(res);

        // let box = document.querySelector('div');
        // box.onclick = function(params) {
        //     let fn = () => {
        //         console.log('fn', this);
        //     }
        //     fn();
        // }

        // const arr = [1, 2, [3, 4, [5, 6, [7, 8, [9]]]]];
        // const [a, b, [c, d, [e, f, [g, h, [i]]]]] = arr
        // // const a = arr[2][2][2][2][0]
        // // console.log(a);
        // console.log(i);

        // const arr = [1, 2, 3, 3, 3]
        // console.log(...arr);

        // const lis = [...document.querySelectorAll('li')];
        // const res = lis.filter((ele, index) => {
        //     return ele.innerText % 2
        // })
        // console.log(res);

        // const o1 = {
        //     name: 'haha',
        //     age: 18
        // };
        // const o2 = {...o1,
        //     hobby: 'sssss'
        // };
        // const o3 = {...o2,
        //     score: 100
        // };
        // console.log(o1, o2, o3);

        const fn = (a, c, ...b) => {
            console.log('ssss');
            console.log(a, b);
        }
        fn(12, 32, 312, 31, 3, 1, 3, 1, 31, 321313);
        const fn1 = (...args) => {
            console.log(args);
        }
        fn1(3, 4, 5, 666, 66, 45, 35, 3423, 4, 2, 42, 4, 2)
    </script>
</body>

</html>